A confident, image-forward editorial system — a clean white canvas, a near-black ink ramp, neutral Graphik type set tight, and one hot orange that does all the shouting from full-pill CTAs.
Brand face is Graphik, a neutral neo-grotesque, shown here in its nearest Google substitute, Inter. Hierarchy comes from size and tight tracking, not weight — display lines run at a regular 400 with an aggressive −2px letter-spacing.
Readymag's surfaces are the member projects themselves — full-bleed, square-ish tiles on a 12px radius. Separation is colour and hairline, not shadow.
A roughly 8px base unit drives the rhythm — though as a canvas builder, Readymag also uses fine absolute positioning in its own hero.
A 12px radius dominates surfaces, with a tighter 6–10px tier for inputs and chips, scaling all the way to ~200px pills for CTAs.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Project grids collapse to one column; display type drops to ~48px; pill CTAs stack full-width. |
| Tablet | 768–1023px | Showcase grids go to two columns; hero type scales down; nav condenses. |
| Laptop | 1024–1279px | Four-up project grid returns; full editorial spacing restored. |
| Desktop | ≥ 1280px | Max 1200px content column, full-bleed image bands break the grid. |
Across every width the recipe holds: white canvas, tight neutral type, one orange accent, no shadows.
Readymag publishes subscription plans; tiers below are brand-appropriate sample content rendered in the extracted system.
A dashboard-style table rendered in the extracted tokens — hairline rows, pill status chips, soft-grey header.
| ID | Project | Author | Status | When |
|---|---|---|---|---|
| #4021 | Aurora Portfolio | L. Marenco | Published | 2h ago |
| #4019 | Field Notes Zine | K. Osei | Draft | Yesterday |
| #4015 | Studio Reel 2026 | R. Haddad | Published | 2 days ago |
| #4008 | Type Specimen | M. Vogel | Draft | 4 days ago |
| #4001 | Coastal Lookbook | S. Park | Published | 1 week ago |
Sign-in and create-account patterns built from the input, button, and divider tokens.